    html,
    body,
    ul {
        margin: 0;
        padding: 0;
    }
    
    .box * {
        margin: 0;
    }
    
    .box {
        width: 100%;
        height: 800px;
        display: flex;
    }
    
    .left {
        height: 800px;
        width: 60%;
        background-color: white;
        display: flex;
        justify-content: flex-end;
    }
    
    .right {
        height: 800px;
        width: 40%;
        background-color: #c2d6e5;
    }
    
    .box1 {
        width: 80%;
        height: 600px;
    }
    
    .header1 {
        margin-top: 13px;
        height: 100px;
    }
    
    .text1 {
        font-size: 12px;
        text-decoration: none;
        color: black;
    }
    
    .text2 {
        font-size: 12px;
        color: gray;
    }
    
    .text3 {
        font-family: 楷体;
        font-size: 30px;
        font-weight: normal;
        font-style: normal;
        color: #2e2e2e;
        height: 70px;
    }
    
    .text4 {
        width: 40px;
        border: 2px solid #ffc42b;
        background-color: #ffc42b;
    }
    
    .text5 {
        margin: 30px 0;
        width: 550px;
        height: 40px;
        color: gray;
    }
    /* .form-control {
        margin: 10px 0;
    } */
    
    .right .img {
        width: 520px;
        height: 600px;
        background-image: url(../images/zz-img/联系1.jpg);
        background-size: 100% 100%;
        position: relative;
        top: 80px;
        right: 70px;
    }